<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Latest compiled and minified CSS -->  
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"  
        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">  
        <!-- Optional theme -->  
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"  
        integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">  
        <script src="https://code.jquery.com/jquery-latest.js"></script>
        <!-- Latest compiled and minified JavaScript -->  
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"  
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>  
        {% if title %}
        <title>{{title}}</title>
        {% else %}
        <title>My scratchboard page</title>
        {% endif %}
    </head>

    <body>
        <nav class="navbar navbar-inverse">
          <div class="container">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-ex1-collapse" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="/">我的主页</a>
              <a class="navbar-brand" href="/msg">心情留言</a>
            </div>
			 <div class="collapse navbar-collapse navbar-ex1-collapse">  
                <ul class="nav navbar-nav navbar-middle">  
					<li><a href="/register">注册帐号</a></li>
                    <li><a href="/admin">留言管理</a></li> 
					<li><a href="/admin_image">图片管理</a></li>
					<li><a href="/upload">上传图片</a></li>					
                    <li><a href="/login">用户登录</a></li>  
                    <li><a href="/logout">用户登出</a></li>  
                    <li><a href="/novel">小说阅读</a></li>
										
                </ul>  
            </div>  
          </div>
        </nav>
        {% block content %}{% endblock %}
    </body>
</html>